1 body.swal2-shown {
2 overflow-y: hidden; }
3
4 body.swal2-iosfix {
5 position: fixed;
6 left: 0;
7 right: 0; }
8
9 .swal2-container {
10 display: -webkit-box;
11 display: -ms-flexbox;
12 display: flex;
13 -webkit-box-align: center;
14 -ms-flex-align: center;
15 align-items: center;
16 position: fixed;
17 top: 0;
18 left: 0;
19 bottom: 0;
20 right: 0;
21 padding: 10px;
22 background-color: transparent;
23 z-index: 1060; }
24 .swal2-container.swal2-fade {
25 -webkit-transition: background-color .1s;
26 transition: background-color .1s; }
27 .swal2-container.swal2-shown {
28 background-color: rgba(0, 0, 0, 0.4); }
29
30 .swal2-modal {
31 background-color: #fff;
32 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
33 border-radius: 5px;
34 box-sizing: border-box;
35 text-align: center;
36 margin: auto;
37 overflow-x: hidden;
38 overflow-y: auto;
39 display: none;
40 position: relative;
41 max-width: 100%; }
42 .swal2-modal:focus {
43 outline: none; }
44 .swal2-modal.swal2-loading {
45 overflow-y: hidden; }
46 .swal2-modal .swal2-title {
47 color: #595959;
48 font-size: 30px;
49 text-align: center;
50 font-weight: 600;
51 text-transform: none;
52 position: relative;
53 margin: 0 0 .4em;
54 padding: 0;
55 display: block;
56 word-wrap: break-word; }
57 .swal2-modal .swal2-buttonswrapper {
58 margin-top: 15px; }
59 .swal2-modal .swal2-buttonswrapper:not(.swal2-loading) .swal2-styled[disabled] {
60 opacity: .4;
61 cursor: no-drop; }
62 .swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-confirm {
63 box-sizing: border-box;
64 border: 4px solid transparent;
65 border-color: transparent;
66 width: 40px;
67 height: 40px;
68 padding: 0;
69 margin: 7.5px;
70 vertical-align: top;
71 background-color: transparent !important;
72 color: transparent;
73 cursor: default;
74 border-radius: 100%;
75 -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
76 animation: rotate-loading 1.5s linear 0s infinite normal;
77 -webkit-user-select: none;
78 -moz-user-select: none;
79 -ms-user-select: none;
80 user-select: none; }
81 .swal2-modal .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-cancel {
82 margin-left: 30px;
83 margin-right: 30px; }
84 .swal2-modal .swal2-buttonswrapper.swal2-loading :not(.swal2-styled).swal2-confirm::after {
85 display: inline-block;
86 content: '';
87 margin-left: 5px 0 15px;
88 vertical-align: -1px;
89 height: 15px;
90 width: 15px;
91 border: 3px solid #999999;
92 box-shadow: 1px 1px 1px #fff;
93 border-right-color: transparent;
94 border-radius: 50%;
95 -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
96 animation: rotate-loading 1.5s linear 0s infinite normal; }
97 .swal2-modal .swal2-styled {
98 border: 0;
99 border-radius: 3px;
100 box-shadow: none;
101 color: #fff;
102 cursor: pointer;
103 font-size: 17px;
104 font-weight: 500;
105 margin: 15px 5px 0;
106 padding: 10px 32px; }
107 .swal2-modal .swal2-image {
108 margin: 20px auto;
109 max-width: 100%; }
110 .swal2-modal .swal2-close {
111 background: transparent;
112 border: 0;
113 margin: 0;
114 padding: 0;
115 width: 38px;
116 height: 40px;
117 font-size: 36px;
118 line-height: 40px;
119 font-family: serif;
120 position: absolute;
121 top: 5px;
122 right: 8px;
123 cursor: pointer;
124 color: #cccccc;
125 -webkit-transition: color .1s ease;
126 transition: color .1s ease; }
127 .swal2-modal .swal2-close:hover {
128 color: #d55; }
129 .swal2-modal > .swal2-input,
130 .swal2-modal > .swal2-file,
131 .swal2-modal > .swal2-textarea,
132 .swal2-modal > .swal2-select,
133 .swal2-modal > .swal2-radio,
134 .swal2-modal > .swal2-checkbox {
135 display: none; }
136 .swal2-modal .swal2-content {
137 font-size: 18px;
138 text-align: center;
139 font-weight: 300;
140 position: relative;
141 float: none;
142 margin: 0;
143 padding: 0;
144 line-height: normal;
145 color: #545454;
146 word-wrap: break-word; }
147 .swal2-modal .swal2-input,
148 .swal2-modal .swal2-file,
149 .swal2-modal .swal2-textarea,
150 .swal2-modal .swal2-select,
151 .swal2-modal .swal2-radio,
152 .swal2-modal .swal2-checkbox {
153 margin: 20px auto; }
154 .swal2-modal .swal2-input,
155 .swal2-modal .swal2-file,
156 .swal2-modal .swal2-textarea {
157 width: 100%;
158 box-sizing: border-box;
159 font-size: 18px;
160 border-radius: 3px;
161 border: 1px solid #d9d9d9;
162 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
163 -webkit-transition: border-color box-shadow .3s;
164 transition: border-color box-shadow .3s; }
165 .swal2-modal .swal2-input.swal2-inputerror,
166 .swal2-modal .swal2-file.swal2-inputerror,
167 .swal2-modal .swal2-textarea.swal2-inputerror {
168 border-color: #f27474 !important;
169 box-shadow: 0 0 2px #f27474 !important; }
170 .swal2-modal .swal2-input:focus,
171 .swal2-modal .swal2-file:focus,
172 .swal2-modal .swal2-textarea:focus {
173 outline: none;
174 border: 1px solid #b4dbed;
175 box-shadow: 0 0 3px #c4e6f5; }
176 .swal2-modal .swal2-input:focus::-webkit-input-placeholder,
177 .swal2-modal .swal2-file:focus::-webkit-input-placeholder,
178 .swal2-modal .swal2-textarea:focus::-webkit-input-placeholder {
179 -webkit-transition: opacity .3s .03s ease;
180 transition: opacity .3s .03s ease;
181 opacity: .8; }
182 .swal2-modal .swal2-input:focus:-ms-input-placeholder,
183 .swal2-modal .swal2-file:focus:-ms-input-placeholder,
184 .swal2-modal .swal2-textarea:focus:-ms-input-placeholder {
185 -webkit-transition: opacity .3s .03s ease;
186 transition: opacity .3s .03s ease;
187 opacity: .8; }
188 .swal2-modal .swal2-input:focus::placeholder,
189 .swal2-modal .swal2-file:focus::placeholder,
190 .swal2-modal .swal2-textarea:focus::placeholder {
191 -webkit-transition: opacity .3s .03s ease;
192 transition: opacity .3s .03s ease;
193 opacity: .8; }
194 .swal2-modal .swal2-input::-webkit-input-placeholder,
195 .swal2-modal .swal2-file::-webkit-input-placeholder,
196 .swal2-modal .swal2-textarea::-webkit-input-placeholder {
197 color: #e6e6e6; }
198 .swal2-modal .swal2-input:-ms-input-placeholder,
199 .swal2-modal .swal2-file:-ms-input-placeholder,
200 .swal2-modal .swal2-textarea:-ms-input-placeholder {
201 color: #e6e6e6; }
202 .swal2-modal .swal2-input::placeholder,
203 .swal2-modal .swal2-file::placeholder,
204 .swal2-modal .swal2-textarea::placeholder {
205 color: #e6e6e6; }
206 .swal2-modal .swal2-range input {
207 float: left;
208 width: 80%; }
209 .swal2-modal .swal2-range output {
210 float: right;
211 width: 20%;
212 font-size: 20px;
213 font-weight: 600;
214 text-align: center; }
215 .swal2-modal .swal2-range input,
216 .swal2-modal .swal2-range output {
217 height: 43px;
218 line-height: 43px;
219 vertical-align: middle;
220 margin: 20px auto;
221 padding: 0; }
222 .swal2-modal .swal2-input {
223 height: 43px;
224 padding: 0 12px; }
225 .swal2-modal .swal2-input[type='number'] {
226 max-width: 150px; }
227 .swal2-modal .swal2-file {
228 font-size: 20px; }
229 .swal2-modal .swal2-textarea {
230 height: 108px;
231 padding: 12px; }
232 .swal2-modal .swal2-select {
233 color: #545454;
234 font-size: inherit;
235 padding: 5px 10px;
236 min-width: 40%;
237 max-width: 100%; }
238 .swal2-modal .swal2-radio {
239 border: 0; }
240 .swal2-modal .swal2-radio label:not(:first-child) {
241 margin-left: 20px; }
242 .swal2-modal .swal2-radio input,
243 .swal2-modal .swal2-radio span {
244 vertical-align: middle; }
245 .swal2-modal .swal2-radio input {
246 margin: 0 3px 0 0; }
247 .swal2-modal .swal2-checkbox {
248 color: #545454; }
249 .swal2-modal .swal2-checkbox input,
250 .swal2-modal .swal2-checkbox span {
251 vertical-align: middle; }
252 .swal2-modal .swal2-validationerror {
253 background-color: #f0f0f0;
254 margin: 0 -20px;
255 overflow: hidden;
256 padding: 10px;
257 color: gray;
258 font-size: 16px;
259 font-weight: 300;
260 display: none; }
261 .swal2-modal .swal2-validationerror::before {
262 content: '!';
263 display: inline-block;
264 width: 24px;
265 height: 24px;
266 border-radius: 50%;
267 background-color: #ea7d7d;
268 color: #fff;
269 line-height: 24px;
270 text-align: center;
271 margin-right: 10px; }
272
273 @supports (-ms-accelerator: true) {
274 .swal2-range input {
275 width: 100% !important; }
276 .swal2-range output {
277 display: none; } }
278
279 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
280 .swal2-range input {
281 width: 100% !important; }
282 .swal2-range output {
283 display: none; } }
284
285 .swal2-icon {
286 width: 80px;
287 height: 80px;
288 border: 4px solid transparent;
289 border-radius: 50%;
290 margin: 20px auto 30px;
291 padding: 0;
292 position: relative;
293 box-sizing: content-box;
294 cursor: default;
295 -webkit-user-select: none;
296 -moz-user-select: none;
297 -ms-user-select: none;
298 user-select: none; }
299 .swal2-icon.swal2-error {
300 border-color: #f27474; }
301 .swal2-icon.swal2-error .swal2-x-mark {
302 position: relative;
303 display: block; }
304 .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
305 position: absolute;
306 height: 5px;
307 width: 47px;
308 background-color: #f27474;
309 display: block;
310 top: 37px;
311 border-radius: 2px; }
312 .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
313 -webkit-transform: rotate(45deg);
314 transform: rotate(45deg);
315 left: 17px; }
316 .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
317 -webkit-transform: rotate(-45deg);
318 transform: rotate(-45deg);
319 right: 16px; }
320 .swal2-icon.swal2-warning {
321 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
322 color: #f8bb86;
323 border-color: #facea8;
324 font-size: 60px;
325 line-height: 80px;
326 text-align: center; }
327 .swal2-icon.swal2-info {
328 font-family: 'Open Sans', sans-serif;
329 color: #3fc3ee;
330 border-color: #9de0f6;
331 font-size: 60px;
332 line-height: 80px;
333 text-align: center; }
334 .swal2-icon.swal2-question {
335 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
336 color: #87adbd;
337 border-color: #c9dae1;
338 font-size: 60px;
339 line-height: 80px;
340 text-align: center; }
341 .swal2-icon.swal2-success {
342 border-color: #a5dc86; }
343 .swal2-icon.swal2-success [class^='swal2-success-circular-line'] {
344 border-radius: 50%;
345 position: absolute;
346 width: 60px;
347 height: 120px;
348 -webkit-transform: rotate(45deg);
349 transform: rotate(45deg); }
350 .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] {
351 border-radius: 120px 0 0 120px;
352 top: -7px;
353 left: -33px;
354 -webkit-transform: rotate(-45deg);
355 transform: rotate(-45deg);
356 -webkit-transform-origin: 60px 60px;
357 transform-origin: 60px 60px; }
358 .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] {
359 border-radius: 0 120px 120px 0;
360 top: -11px;
361 left: 30px;
362 -webkit-transform: rotate(-45deg);
363 transform: rotate(-45deg);
364 -webkit-transform-origin: 0 60px;
365 transform-origin: 0 60px; }
366 .swal2-icon.swal2-success .swal2-success-ring {
367 width: 80px;
368 height: 80px;
369 border: 4px solid rgba(165, 220, 134, 0.2);
370 border-radius: 50%;
371 box-sizing: content-box;
372 position: absolute;
373 left: -4px;
374 top: -4px;
375 z-index: 2; }
376 .swal2-icon.swal2-success .swal2-success-fix {
377 width: 7px;
378 height: 90px;
379 position: absolute;
380 left: 28px;
381 top: 8px;
382 z-index: 1;
383 -webkit-transform: rotate(-45deg);
384 transform: rotate(-45deg); }
385 .swal2-icon.swal2-success [class^='swal2-success-line'] {
386 height: 5px;
387 background-color: #a5dc86;
388 display: block;
389 border-radius: 2px;
390 position: absolute;
391 z-index: 2; }
392 .swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] {
393 width: 25px;
394 left: 14px;
395 top: 46px;
396 -webkit-transform: rotate(45deg);
397 transform: rotate(45deg); }
398 .swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] {
399 width: 47px;
400 right: 8px;
401 top: 38px;
402 -webkit-transform: rotate(-45deg);
403 transform: rotate(-45deg); }
404
405 .swal2-progresssteps {
406 font-weight: 600;
407 margin: 0 0 20px;
408 padding: 0; }
409 .swal2-progresssteps li {
410 display: inline-block;
411 position: relative; }
412 .swal2-progresssteps .swal2-progresscircle {
413 background: #3085d6;
414 border-radius: 2em;
415 color: #fff;
416 height: 2em;
417 line-height: 2em;
418 text-align: center;
419 width: 2em;
420 z-index: 20; }
421 .swal2-progresssteps .swal2-progresscircle:first-child {
422 margin-left: 0; }
423 .swal2-progresssteps .swal2-progresscircle:last-child {
424 margin-right: 0; }
425 .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
426 background: #3085d6; }
427 .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle {
428 background: #add8e6; }
429 .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
430 background: #add8e6; }
431 .swal2-progresssteps .swal2-progressline {
432 background: #3085d6;
433 height: .4em;
434 margin: 0 -1px;
435 z-index: 10; }
436
437 [class^='swal2'] {
438 -webkit-tap-highlight-color: transparent; }
439
440 @-webkit-keyframes showSweetAlert {
441 0% {
442 -webkit-transform: scale(0.7);
443 transform: scale(0.7); }
444 45% {
445 -webkit-transform: scale(1.05);
446 transform: scale(1.05); }
447 80% {
448 -webkit-transform: scale(0.95);
449 transform: scale(0.95); }
450 100% {
451 -webkit-transform: scale(1);
452 transform: scale(1); } }
453
454 @keyframes showSweetAlert {
455 0% {
456 -webkit-transform: scale(0.7);
457 transform: scale(0.7); }
458 45% {
459 -webkit-transform: scale(1.05);
460 transform: scale(1.05); }
461 80% {
462 -webkit-transform: scale(0.95);
463 transform: scale(0.95); }
464 100% {
465 -webkit-transform: scale(1);
466 transform: scale(1); } }
467
468 @-webkit-keyframes hideSweetAlert {
469 0% {
470 -webkit-transform: scale(1);
471 transform: scale(1);
472 opacity: 1; }
473 100% {
474 -webkit-transform: scale(0.5);
475 transform: scale(0.5);
476 opacity: 0; } }
477
478 @keyframes hideSweetAlert {
479 0% {
480 -webkit-transform: scale(1);
481 transform: scale(1);
482 opacity: 1; }
483 100% {
484 -webkit-transform: scale(0.5);
485 transform: scale(0.5);
486 opacity: 0; } }
487
488 .swal2-show {
489 -webkit-animation: showSweetAlert 0.3s;
490 animation: showSweetAlert 0.3s; }
491 .swal2-show.swal2-noanimation {
492 -webkit-animation: none;
493 animation: none; }
494
495 .swal2-hide {
496 -webkit-animation: hideSweetAlert 0.15s forwards;
497 animation: hideSweetAlert 0.15s forwards; }
498 .swal2-hide.swal2-noanimation {
499 -webkit-animation: none;
500 animation: none; }
501
502 @-webkit-keyframes animate-success-tip {
503 0% {
504 width: 0;
505 left: 1px;
506 top: 19px; }
507 54% {
508 width: 0;
509 left: 1px;
510 top: 19px; }
511 70% {
512 width: 50px;
513 left: -8px;
514 top: 37px; }
515 84% {
516 width: 17px;
517 left: 21px;
518 top: 48px; }
519 100% {
520 width: 25px;
521 left: 14px;
522 top: 45px; } }
523
524 @keyframes animate-success-tip {
525 0% {
526 width: 0;
527 left: 1px;
528 top: 19px; }
529 54% {
530 width: 0;
531 left: 1px;
532 top: 19px; }
533 70% {
534 width: 50px;
535 left: -8px;
536 top: 37px; }
537 84% {
538 width: 17px;
539 left: 21px;
540 top: 48px; }
541 100% {
542 width: 25px;
543 left: 14px;
544 top: 45px; } }
545
546 @-webkit-keyframes animate-success-long {
547 0% {
548 width: 0;
549 right: 46px;
550 top: 54px; }
551 65% {
552 width: 0;
553 right: 46px;
554 top: 54px; }
555 84% {
556 width: 55px;
557 right: 0;
558 top: 35px; }
559 100% {
560 width: 47px;
561 right: 8px;
562 top: 38px; } }
563
564 @keyframes animate-success-long {
565 0% {
566 width: 0;
567 right: 46px;
568 top: 54px; }
569 65% {
570 width: 0;
571 right: 46px;
572 top: 54px; }
573 84% {
574 width: 55px;
575 right: 0;
576 top: 35px; }
577 100% {
578 width: 47px;
579 right: 8px;
580 top: 38px; } }
581
582 @-webkit-keyframes rotatePlaceholder {
583 0% {
584 -webkit-transform: rotate(-45deg);
585 transform: rotate(-45deg); }
586 5% {
587 -webkit-transform: rotate(-45deg);
588 transform: rotate(-45deg); }
589 12% {
590 -webkit-transform: rotate(-405deg);
591 transform: rotate(-405deg); }
592 100% {
593 -webkit-transform: rotate(-405deg);
594 transform: rotate(-405deg); } }
595
596 @keyframes rotatePlaceholder {
597 0% {
598 -webkit-transform: rotate(-45deg);
599 transform: rotate(-45deg); }
600 5% {
601 -webkit-transform: rotate(-45deg);
602 transform: rotate(-45deg); }
603 12% {
604 -webkit-transform: rotate(-405deg);
605 transform: rotate(-405deg); }
606 100% {
607 -webkit-transform: rotate(-405deg);
608 transform: rotate(-405deg); } }
609
610 .swal2-animate-success-line-tip {
611 -webkit-animation: animate-success-tip 0.75s;
612 animation: animate-success-tip 0.75s; }
613
614 .swal2-animate-success-line-long {
615 -webkit-animation: animate-success-long 0.75s;
616 animation: animate-success-long 0.75s; }
617
618 .swal2-success.swal2-animate-success-icon .swal2-success-circular-line-right {
619 -webkit-animation: rotatePlaceholder 4.25s ease-in;
620 animation: rotatePlaceholder 4.25s ease-in; }
621
622 @-webkit-keyframes animate-error-icon {
623 0% {
624 -webkit-transform: rotateX(100deg);
625 transform: rotateX(100deg);
626 opacity: 0; }
627 100% {
628 -webkit-transform: rotateX(0deg);
629 transform: rotateX(0deg);
630 opacity: 1; } }
631
632 @keyframes animate-error-icon {
633 0% {
634 -webkit-transform: rotateX(100deg);
635 transform: rotateX(100deg);
636 opacity: 0; }
637 100% {
638 -webkit-transform: rotateX(0deg);
639 transform: rotateX(0deg);
640 opacity: 1; } }
641
642 .swal2-animate-error-icon {
643 -webkit-animation: animate-error-icon 0.5s;
644 animation: animate-error-icon 0.5s; }
645
646 @-webkit-keyframes animate-x-mark {
647 0% {
648 -webkit-transform: scale(0.4);
649 transform: scale(0.4);
650 margin-top: 26px;
651 opacity: 0; }
652 50% {
653 -webkit-transform: scale(0.4);
654 transform: scale(0.4);
655 margin-top: 26px;
656 opacity: 0; }
657 80% {
658 -webkit-transform: scale(1.15);
659 transform: scale(1.15);
660 margin-top: -6px; }
661 100% {
662 -webkit-transform: scale(1);
663 transform: scale(1);
664 margin-top: 0;
665 opacity: 1; } }
666
667 @keyframes animate-x-mark {
668 0% {
669 -webkit-transform: scale(0.4);
670 transform: scale(0.4);
671 margin-top: 26px;
672 opacity: 0; }
673 50% {
674 -webkit-transform: scale(0.4);
675 transform: scale(0.4);
676 margin-top: 26px;
677 opacity: 0; }
678 80% {
679 -webkit-transform: scale(1.15);
680 transform: scale(1.15);
681 margin-top: -6px; }
682 100% {
683 -webkit-transform: scale(1);
684 transform: scale(1);
685 margin-top: 0;
686 opacity: 1; } }
687
688 .swal2-animate-x-mark {
689 -webkit-animation: animate-x-mark 0.5s;
690 animation: animate-x-mark 0.5s; }
691
692 @-webkit-keyframes rotate-loading {
693 0% {
694 -webkit-transform: rotate(0deg);
695 transform: rotate(0deg); }
696 100% {
697 -webkit-transform: rotate(360deg);
698 transform: rotate(360deg); } }
699
700 @keyframes rotate-loading {
701 0% {
702 -webkit-transform: rotate(0deg);
703 transform: rotate(0deg); }
704 100% {
705 -webkit-transform: rotate(360deg);
706 transform: rotate(360deg); } }
